﻿/* ----------------------------------
Self-adaption Width CSS file for Discuz! X
(C) MaGong Inc. http://www.magong.cc 
Created & Modified by Ban. QQ:189999900
---------------------------------- */

/*全局样式*/

.mgl{float:left;} .mgr{float:right;}

#p_btn a,#p_btn i{background: #333;}

#newspecial,#post_reply,#post_replytmp,#newspecialtmp{
    height: 28px;
    line-height: 28px;
    width: 60px;
    text-align: center;
    background: #02adea;
    color: #fff;
    margin-top: 5px;
}

.mglink span{float: left;font-size: 14px;}

.mglink li{float: left;margin: 0 10px;}

/*头部样式调整*/

.mgheader_min{height: 100px;background: #1a1a1a;margin-top:42px;}

.mgheader_w1200{width:1200px;margin:0 auto;}

.mgheader_logo{margin: 15px 0;}

.mgheader_title{width:560px;text-align: center;padding: 23px 0;}

.mgheader_title p.big{font-size: 24px;color: #fff;}

.mgheader_search {width: 380px;}

.mgheader_search .search {position: relative;}

.mgheader_search .search input{outline:none;background:url(../magong_cc/images/sousuo.png) no-repeat right #55595c;color:#ccc;border:medium none;font-size:12px;}

.mgheader_search .search .search_pn {border: none;background: transparent;position: absolute;right: 12px;top: 38px;text-indent: -9999px;width: 20px;cursor: pointer;}

.flexslider{height:830px;overflow:hidden;background:url(../magong_cc/images/flash/loading.gif) 50% no-repeat;width: 100%; left:0;z-index:11;position: relative; min-width:1200px;}
.flex-control-nav{position:absolute;bottom:100px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:5px;margin:0 5px;zoom:1;}
.flex-control-nav a{display:inline-block;width:40px;height:5px;line-height:40px;overflow:hidden;background:rgba(255,255,255,0.2);cursor:pointer;}
.flex-control-nav .flex-active{background:#fff;}
.slides{position:relative;z-index:1;}

.slides li{ display:block; width:100%; min-width:1200px; height:830px;position: relative;}
.slides li span{position: absolute;bottom: 0;left: 0;color: #fff;font-size: 40px;text-align: center;width: 100%;z-index: 1;height: 85px;line-height: 85px;background: rgba(26,26,26,0.5);}

.flex-direction-nav{z-index:3;width:100%; margin:0 auto; position:relative;}
.flex-direction-nav li a{display:block;width:50px;height:830px;overflow:hidden;cursor:pointer;position:absolute; top:0;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../magong_cc/images/flash/arrowsleft.png) center center no-repeat; }
.flex-direction-nav li a.flex-prev:hover{  background:url(../magong_cc/images/flash/arrowsleft1.png) center center no-repeat; }
.flex-direction-nav li a.flex-next{right:2%; background:url(../magong_cc/images/flash/arrowsright.png) center center no-repeat; }
.flex-direction-nav li a.flex-next:hover{  background:url(../magong_cc/images/flash/arrowsright1.png) center center no-repeat; }



/*新热图样式调整*/

.mgnewimg{margin-top: 17px;}

.mgnewimg ul{margin-right: -20px;}

.mgnewimg li{ float: left;margin-right: 20px;width: 285px;height:185px;position: relative;overflow: hidden;}

.mgnewimg li a{ display:block; width:100%;position: relative;}

.mgnewimg li a img{ width: 100%;height:185px;}

.mgnewimg li span{position: absolute;bottom:0;left: 0;color: #fff;font-size: 16px;text-align: center;width: 100%;z-index: 1;height: 50px;line-height: 50px;background: rgba(26,26,26,0.5);transition: all ease-in-out .3s;}


/* 精华推荐 */

.mgjinghua{margin-top: 17px;}

.mgjinghua .mgtitle {height: 50px;color: #fff;position: relative;}

.mgjinghua .mgtitle h5{float: left;font-size:28px;}

.mgjinghua .mgtitle em{float: left;font-size:18px;margin-left: 10px;height: 40px;line-height: 55px;}

.mgjinghua .mgtitle span{position: absolute;right: 0;bottom: 15px;}

.mgjinghua ul{margin: 0 -20px 0 0;}

.mgjinghua li {float: left;margin:0 20px 20px 0;background: #242424;}

.mgjinghua li.mgtext3{ width: 385px;height:295px;position: relative;overflow: hidden;}

.mgjinghua li.mgtext2{ width: 590px;height:445px;position: relative;overflow: hidden;}

.mgjinghua li.mgtext2 img{height:100%;} .mgjinghua li.mgtext3 img{height:100%;}

.mgjinghua li a{ display:block; width:100%;position: relative;}

.mgjinghua li a img{ width: 100%;height:185px;}

.mgjinghua li span{position: absolute;bottom: 0;left: 0;color: #fff;font-size: 16px;text-align: center;width: 100%;z-index: 1;height: 50px;line-height: 50px;background: rgba(26,26,26,0.5);transition: all ease-in-out .3s;}

.mgtuwen {margin-top: 15px;height: 540px;}

.mgtuwen .mgtitle {height: 50px;color: #fff;position: relative;}

.mgtuwen .mgtitle h5{float: left;font-size:28px;}

.mgtuwen .mgtitle em{float: left;font-size:18px;margin-left: 10px;height: 40px;line-height: 55px;}

.mgtuwen .mgtitle span{position: absolute;right: 0;bottom: 15px;}

.mgtuwen .meiwen{width: 740px;margin-right: 20px;float: left;}

.mgtuwen li{position: relative;clear: both;}

.mgtuwen li.mgmeiwen{border-bottom: 1px dashed #4a4a4a;padding: 15px 0;height:130px;width: 100%;}

.mgtuwen li a:hover{color: #bbb}

.mgtuwen li .img{float: left;width: 240px;height: 130px;position: relative;overflow: hidden;margin-right: 20px;}

.mgtuwen li .img img{width: 240px;height: auto;}

.mgtuwen li .title h3{font-size: 18px;line-height: 36px;height: 36px;text-align: center;color: #fff;}

.mgtuwen li .title p{text-indent:28px;}

.mgtuwen .zhuanlan{width: 440px;float: left;}

.mgtuwen .zhuanlan .mgsdx{border-bottom: 1px dashed #4a4a4a;padding: 15px 0;height:130px;width: 100%;}

.mgtuwen .zhuanlan .mgsdx .img{float:left;width: 105px;height: 130px;margin-right: 20px;}

.mgtuwen .zhuanlan .mgsdx .img img{width: 105px;height: auto;}

.mgtuwen .zhuanlan .mgsdx .title{float:right;width: 315px;}

.mgtuwen .zhuanlan .mgsdx .title a{width: 100%;height: 40px;line-height: 40px;display: block;font-size: 16px;border-bottom: 1px dashed #4a4a4a;color: #fff;}

.mgtuwen .zhuanlan .mgsdx .title a:nth-child(3){border-bottom: none;}

.mgjinghua .mgsheyingshi ul{margin-right: -12px;}

.mgjinghua .mgsheyingshi li{width: 190px;height: 190px;margin-right: 12px;position: relative;overflow: hidden;}

#to_top{position:absolute; cursor:pointer; margin-left:610px;left:50%;}

.tattl.attm p a{color:#333;font-size: 12px;}

.tattl.attm p.mbn a{color:#FFF;font-weight: 400;font-size: 12px;}

